<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,initial-scale=1.0" />
<title>首页</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="/plugins/mCustomScrollbar/jquery.mCustomScrollbar.min.css">
<link rel="stylesheet" href="/plugins/idangerous.swiper/idangerous.swiper-4.5.0.css">
<link rel="stylesheet" href="/plugins/font-awesome/css/font-awesome.min-4.7.0.css">
<link href="/css/blog.css" rel="stylesheet">
</head>
<body class="no-scroller">
<div id="menu-btn"><i class="fa fa-list-ul"></i></div>
<div id="header">
    <div class="logo"></div>
    <div class="user-info">
        <div class="user-avatar"><img src="/img/default_avatar.png" alt=""></div>
        <div class="user-name">用户信息大叔大婶大所</div>
        <div class="user-name" style="display: none"><a href="/login.html">登录</a>/<a href="/register.html">注册</a></div>
    </div>
    <a class="search fa fa-search" href="/search.html"><span>搜索</span></a>
    <div class="menu-list">
        <div class="nav">
            <a class="edit" href="" title="新增/编辑菜单">新增/编辑</a>
            <ul>
                <li class="nav-item"><a href="/">首页</a></li>
                <li class="nav-item sub-left">
                    <span>菜单一</span>
                    <ul class="sub-list">
                        <li class="nav-item"><a href="/list.html">一子菜单</a></li>
                        <li class="nav-item sub-left">
                            <span>一子菜单</span>
                            <ul class="sub-list">
                                <li class="nav-item"><a href="/list.html">一子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">一子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">一子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">一子子菜单</a></li>
                            </ul>
                        </li>
                        <li class="nav-item"><a href="/list.html">一子菜单</a></li>
                        <li class="nav-item"><a href="/list.html">一子菜单</a></li>
                    </ul>
                </li>
                <li class="nav-item sub-left">
                    <span>菜单二</span>
                    <ul class="sub-list">
                        <li class="nav-item"><a href="/list.html">二子菜单</a></li>
                        <li class="nav-item sub-left">
                            <span>二子菜单</span>
                            <ul class="sub-list">
                                <li class="nav-item"><a href="/list.html">二子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">二子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">二子子菜单</a></li>
                                <li class="nav-item"><a href="/list.html">二子子菜单</a></li>
                            </ul>
                        </li>
                        <li class="nav-item"><a href="/list.html">二子菜单</a></li>
                        <li class="nav-item"><a href="/list.html">二子菜单</a></li>
                    </ul>
                </li>
                <li class="nav-item"><a href="/list.html">菜单三</a></li>
                <li class="nav-item"><a href="/list.html">菜单四</a></li>
            </ul>
        </div>
    </div>
</div>
<div id="content">
    <div id="left-side">
        <div id="breadcrumb-nav">
            <b>当前位置：</b>
            <a href="/" class="fa fa-angle-right">首页</a>
            <a href="/list.html" class="fa fa-angle-right">列表</a>
            <a class="add" href="" title="添加博文">新增</a>
        </div>
        <div id="list" class="breadcrumb-nav-top bottom">
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定bootstrap-table实现表头固定以及列固定bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
            <div class="list-item">
                <div class="item-title">
                    <a class="edit" href="" title="编辑博文">编辑</a>
                    <a href="/detail.html">bootstrap-table实现表头固定以及列固定</a>
                </div>
                <div class="item-des">
                    <img src="/img/20181030132223-2541746973037336.png" alt="" align="left" hspace="5" vspace="5">自定义菜单最多包括3个一级菜单，每个一级菜单最多包含5个二级菜单。一级菜单最多4个汉字，二级菜单最多7个汉字，多出来的部分将会以“...”代替。订阅号
                </div>
            </div>
        </div>
        <div class="pagination">
            <div id="list-more" data-offset=10 data-limit=20 data-count=50 data-url="/ajax-list.html"><span>更多</span><i class="fa fa-angle-double-down"></i></div>
        </div>
    </div>
    <div id="right-side">
        <div class="panel">
            <div class="panel-header">关于我</div>
            <div class="panel-body">
                <p><b>博主：</b>朱辉</p>
                <p><b>文章数：</b>3489</p>
                <p><b>浏览数：</b>3489</p>
                <div class="qrcode">
                    <img src="/img/my-qrcode.png" alt="">
                    <img src="/img/getqrcode456.png" alt="">
                </div>
            </div>
        </div>
        <div class="panel">
            <div class="panel-header">最新 Top 10</div>
            <div class="panel-body">
                <ul>
                    <li><a href="/detail.html">二叉树的三种遍历方式</a></li>
                    <li><a href="/detail.html">PHP 二维数组根据其中某个键(key)排序，解决 array_multisort(): Array sizes are inconsistent</a></li>
                    <li><a href="/detail.html">PHP回顾--插入排序（包含希尔排序）</a></li>
                    <li><a href="/detail.html">PHP回顾--快速排序</a></li>
                    <li><a href="/detail.html">MySQL 常用两种存储引擎选择 (MyISAM 和 InnoDB)</a></li>
                    <li><a href="/detail.html">MySQL几种存储引擎介绍，以及适用场景</a></li>
                    <li><a href="/detail.html">MySQL 外键约束 FOREIGN_KEY_CHECKS 启动和关闭</a></li>
                    <li><a href="/detail.html">联合索引的最左前缀原则，结合MySQL实例</a></li>
                    <li><a href="/detail.html">MySQL 主要使用的几种索引</a></li>
                    <li><a href="/detail.html">PHP回顾--冒泡排序</a></li>
                </ul>
            </div>
        </div>
        <div class="panel">
            <div class="panel-header">最热 Top 10</div>
            <div class="panel-body">
                <ul>
                    <li><a href="/detail.html">二叉树的三种遍历方式</a></li>
                    <li><a href="/detail.html">PHP 二维数组根据其中某个键(key)排序，解决 array_multisort(): Array sizes are inconsistent</a></li>
                    <li><a href="/detail.html">PHP回顾--插入排序（包含希尔排序）</a></li>
                    <li><a href="/detail.html">PHP回顾--快速排序</a></li>
                    <li><a href="/detail.html">MySQL 常用两种存储引擎选择 (MyISAM 和 InnoDB)</a></li>
                    <li><a href="/detail.html">MySQL几种存储引擎介绍，以及适用场景</a></li>
                    <li><a href="/detail.html">MySQL 外键约束 FOREIGN_KEY_CHECKS 启动和关闭</a></li>
                    <li><a href="/detail.html">联合索引的最左前缀原则，结合MySQL实例</a></li>
                    <li><a href="/detail.html">MySQL 主要使用的几种索引</a></li>
                    <li><a href="/detail.html">PHP回顾--冒泡排序</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<div id="footer">
    版权信息
</div>
<script src="/plugins/jquery/jquery-3.3.1.min.js"></script>
<script src="/plugins/mCustomScrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="/plugins/idangerous.swiper/idangerous.swiper.min-4.5.0.js"></script>
<script src="/js/blog.js"></script>
</body>
</html>